﻿//* DEFAULTS
----------------------------------------------------------*/
html
{
    margin:0px;
    padding:0px;
}

body   
{
    background: url('/Imagenes/citiGames.jpg') fixed center top;
    font-size:12px;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #696969;
    margin:0 auto;
    width:100%;
    text-align: center;
}

/* Elementos  
----------------------------------------------------------*/
.MenuNavegacion a:link, .MenuNavegacion a:visited
{
    color:#97BF0D;
}

.MenuNavegacion a:hover
{
    color:white;
    text-decoration:underline;
}

.MenuNavegacion a:active
{
    color: #034af3;
}

#aRegistrarse
{
    color: black;
    text-decoration:none;
}

/*
a:link, a:visited
{
    color:#97BF0D
}

a:hover
{
    color:white;
    text-decoration:underline;
}

a:active
{
    color: #034af3;
}
*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* MasterPage 
----------------------------------------------------------*/
.Welcome
{
    position:absolute;
    top:85px;  
    left:64%;    
}

.dHeader
{
    width: 100%;
    margin: 0px;
    padding: 0px;    
    top: 0px;
    left: 0px;
}

.dTitle
{
    background-image: url('/Imagenes/top.png');
    background-repeat: repeat-x;
    height:110px;
    width: 100%;
}

.dLogo
{
    background-image: url('/Imagenes/logoWeb1.png');
    background-repeat:no-repeat;
    position:absolute;
    height:110px;
    width: 100%;
    top:0px;
    margin-left:15%;
}

.dLogin
{
    position:absolute;
    top:20px;
    margin-left:52%;
    font-size:11px;
    text-align:left;
}

.dBusqueda
{
    font-size:10px;
    text-align:left;
}

.tdLogin
{
    top:0px;
    margin:0px;
    padding:0px;
    width:120px;  
}

#tdLoginButton
{
    vertical-align:middle;   
    margin:0px;
    padding:0px; 
}

.MenuBar
{
    background-image:url('/Imagenes/MenuBar.png');
    background-repeat:repeat-x;
    width:100%;
    margin-top:0px;
}

.dMenuBar
{
    margin: 0 auto;
    text-align:left;
    width:900px;
}

.dBusqueda
{
    position:absolute;
    top:110px;
    width: 190px;
    margin-left: 64%;
    text-align:left;
    font-size:10px;
}

.Subrayar:hover
{
    color:#696969;
    text-decoration:underline;
}

.dBody
{   
    margin: 0 auto;
    text-align:left;
    width:1130px;
    background-color:White;
}

#dAcordeon
{   
    margin: 0 auto;
    text-align:left;
    width:900px;
    background-color:White;
}

#tdContentJuego
{
    text-align:left;
    vertical-align:top;    
}

.dMainContent
{
    padding: 0px;
    margin-top: 20px;
    
}

.dFooter
{
    color: #4e5766;
    padding: 0px;
    margin: 0px;
    text-align: center;
    line-height: normal;
}

.carritoDerechaMaster
{
    width:200px;
    vertical-align:top;  
    background-color:Black; 
}

.tablaIzquierda
{
    width:100%;   
    margin:0px;
    padding:0px;
}

#tdIzquierdaContent
{
    padding:0px;
    margin:0px;
}
/* TAB MENU   
----------------------------------------------------------*/
.dMenuOpciones
{
    margin: 0px auto 0px auto;
    border: 0px solid #496077;
    width:900px;
}

div.dMenuOpciones
{
    background-color:transparent;
    width:100%;
}

div.menu
{
    padding: 0px 0px 0px 0px;
    font-weight:bold;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.menu ul li a, div.Menu ul li a:visited
{
    color: #97BF0D;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

#dMenuBarGeneros
{
    margin:0px;
    margin:0px;
    top:0px;
}

.MenuBarGeneros
{
    background-image:url('/Imagenes/MenuBarGeneros.png');
    background-repeat:no-repeat;
    height:100%;
    margin:0px;
    padding:0;
}

#tdMenuBarGeneros
{
    padding:0px;
    margin:0px;
    width:107px;
    height:auto;
    vertical-align:top;
    background-color:Black;
}

.colorTabs
{
       Color:Navy;
}



/*Menu Usuario--------------------------------------------*/
.dUsuarioLogado
{
    position:absolute;
    top:115px;
    left:78%;
    text-align:left;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.imgBar
{
    background-image:url('/Imagenes/BarraVerde.png');
    background-repeat:repeat-x;
    height:20px;
    width:100%;
    color:White; 
    font-weight:bold;
}

/* CONTACTANOS*-------------------------------------------*/
#dDatosTiendaMostrar
{
    margin-top:5%;
    margin-left:8%;
    width:250px;            
}

#dDatosTiendaEditar
{
    margin-top:5%;
    margin-left:8%;
    width:250px;       
}

#dMap
{
    position:relative;
    top:-103px;
    left:38%;
}

.BackColorTab
{
    color:Gray;
    background-color:Purple;
}
/* MARCOS  
----------------------------------------------------------*/
.celdaCaratula
{
    text-align:center;
    width:180px;
}

.celdaPuntuacion
{
    width:185px;
}

.celdaPuntuacionesUsuarios
{
    text-align:center;
    font-size:20px;
    color:Blue;
    font-weight:bold;
    border: 1px solid #000000;
}

.celdaTituloPuntuacionesUsuarios
{
	border: 1px solid #000000;
	font-weight: bold;
	color: #000000;
}

.celdaTextoPuntuacionesUsuarios
{
	border: 1px solid #000000;
	color: #0000FF;
}

.celdaJuego
{
    width:200px;
    font-weight:bold;
}

.imagenJuego
{
    width:250px;
    height:150px;
}

.tdAvatarComentario
{
    width:100px;
    text-align:center;
    vertical-align:middle;
}

.panelComentario
{
    vertical-align:top;
}

.centrado
{
	text-align:center;
}

.celdaTituloValoracion
{
	border: 1px solid #000000;
	text-align: center;
	font-weight: bold;
	color: #FF0000;
}

.celdaValoracionCityGames
{
	border: 1px solid #000000;
	font-size: 48px;
	text-align: center;
}

.style1
{
    width: 157px;
    font-weight: bold;
}
.comments-post-count-textbox
{
    width: 30px;
}

.style2
{
    width: 190px;
    font-weight: bold;
}

.style3
{
    width: 135px;
}

.tdCaratulaBusqueda
{
    width: 110px;
}

.tdValoracionBusqueda
{
    font-size: xx-large;
    color: #0000FF;
    width: 100px;
}

.linkJuegoBusqueda, .linkJuegoBusqueda a, .linkJuegoBusqueda a:visited
{
    font-size: 14px;
    font-weight: bold;
    color: #97BF0D;
}

.linkJuegoBusqueda a:hover
{
    color:black;
}

/* ****************** Some basic stuff ****************** */
. valoracion
{
	clear:both;
	margin-bottom:1em;
	border-bottom:1px solid #eee;
}
/* ****************** RatingStar ****************** */
.ratingStar
{
	white-space:nowrap;
	margin:1em;
	height:14px;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
	cursor:pointer;
}
.ratingStar .Filled {
    background-image:url('/Imagenes/ratingStarFilled.png');
}
.ratingStar .Empty {
    background-image:url('/Imagenes/ratingStarEmpty.png');
}
.ratingStar .Saved {
    background-image:url('/Imagenes/ratingStarSaved.png');
}

/* MESSAGE BOX
----------------------------------------------------------*/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/Imagenes/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/Imagenes/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/Imagenes/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/Imagenes/error.png');
}

.info p, .success p, .warning p, .error p {
    padding: 0px 50px;
    text-align:center;
}
.info a, .success a, .warning a, .error a {
    float: right;
    cursor:pointer;
    padding-top:5px;
}

.messageheader
{
    background: url('/Imagenes/sprite.png') repeat-x 0px -200px; 
    height:18px;
    padding:5px;
    border-bottom: solid 1px black;
}

.messageheadertext
{
    color: Black;
    float:left;
    font-weight:bold;
}

.messagefooter
{
    text-align:center;
    padding-top: 5px;
}

.messagemodalbackground
{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.6;
    z-index:998;
}

/* validation */
.validation {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('Imagenes/error.png');
}
.validation ul
{
	padding: 0px 30px;
}

#migasDePan
{
    position:absolute;
    top:95px;
    margin-left:400px;    
}
/* FIN MARCOS  
----------------------------------------------------------*/
.level1
{
    text-decoration: none;
    list-style:none;
    /*color: #97BF0D;*/
    font-variant:small-caps;
    font-size: large;
    font-weight: bold;
    white-space: nowrap;
    display: block;
    line-height: 1.35em;
    margin: 0px;
    padding: 0px;  
}

.level2
{
    text-decoration: none;
    list-style:none;
    font-variant:small-caps;
    font-size: large;
    font-weight: bold;
    white-space: nowrap;
    display: block;
    line-height: 1.35em;
    margin: 0px;
    padding: 0px;  
}

.level3
{
    list-style: none;
    font-size: small;
    font-variant:normal;
    background-color:black;    
    text-decoration:blink;
    margin-left: 20px;
    margin-right: 10px;
    padding: 0px; 
    text-decoration: none;
}

.hoverstyle
{
    font-weight: bold;
}

.menuAll
{
    margin: 0px;
    padding: 0px;  
}  

.menuMostrado
{
    list-style:none;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration:none;
    white-space:nowrap;
    color:#97BF0D; 
}

.colorLink, .colorLink a, .colorLink a:visited
{
    font-size: 14px;
    font-weight: bold;
    color: #97BF0D;
}
/***********************Ruben******************************/
.miniCarro
{
    width: 220px;
    background-color: #FFF;
    padding: 1px 1px 1px 1px;    
}


.miniCarro a, .miniCarro a:visited
{
    color:#97BF0D;    
}

.miniCarro a:hover
{
    color:black;    
}

.FilaNombres
{
    background-color: #DDD;
}

/*********************Fin Ruben****************************/
